<link href="__CDN__/assets/addons/baiduwebtongji/css/main.css?v={$site.version}" rel="stylesheet">
<div class="row">
    <div class="col-sm-12">
        <div class="tabs-container">
            <ul class="nav nav-tabs">
                <li><a href="{:url('baiduwebtongji/district/index')}">按省</a></li>
                <li class="active"><a href="{:url('baiduwebtongji/world/index')}" data-toggle="tab" aria-expanded="true">按国家</a></li>
            </ul>
            <div class="tab-content">
                <div id="tab-1" class="tab-pane active">
                    <div class="box box-success">
                        <div class="panel-body">
                            <a href="javascript:location.reload();" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
                            <div class="btn-group btn-group-sm" role="group">
                                <button type="button" class="btn btn-default ajax-page" id="tody" data-memo="tody">今天</button>
                                <button type="button" class="btn btn-default ajax-page" id="yest" data-memo="yest">昨天</button>
                                <button type="button" class="btn btn-default ajax-page" id="week" data-memo="week">最近7天</button>
                                <button type="button" class="btn btn-default ajax-page" id="month" data-memo="month">最近30天</button>
                            </div>
                            <div class="hr-line-dashed"></div>
                            <div class="row">
                                <div class="col-sm-9">
                                    <div class="echarts" id="echarts-map-world" style="height:370px"></div>
                                </div>
                                <div class="col-sm-3">
                                    <div class="panel-body">
                                        <div class="border-bottom">
                                            <h4>浏览量（PV）</h4><h2 class="text-navy pv_count">--</h2>
                                        </div>
                                        <div class="border-bottom">
                                            <h4>访客数（UV）</h4><h2 class="text-success visitor_count">--</h2>
                                        </div>
                                        <div class="border-bottom">
                                            <h4>IP数</h4><h2 class="text-warning ip_count">--</h2>
                                        </div>
                                        <div class="border-bottom">
                                            <h4>跳出率</h4><h2 class="text-danger bounce_ratio">--</h2>
                                        </div>
                                        <div class="border-bottom">
                                            <h4>平均访问时长</h4><h2 class="text-primary avg_visit_time">--</h2>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <table class="table table-hover table-visit">
                                <thead>
                                    <tr>
                                        <td width='40'></td>
                                        <td style="width: auto;">地域</td>
                                        <td style="width: auto;text-align: right;">浏览量(PV)</td>
                                        <td style="width: auto;text-align: right;">访客数(UV)</td>
                                        <td style="width: auto;text-align: right;">IP数</td>
                                        <td style="width: auto;text-align: right;">跳出率</td>
                                        <td style="width: auto;text-align: right;">平均访问时长</td>
                                    </tr>
                                </thead>
                                <tbody class="visit-world-tbody"></tbody>
                            </table>
                            <div class="visit-world-page pull-right"></div>
                            <div class="clear"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>  
    </div>
</div>
<script src="__CDN__/assets/addons/baiduwebtongji/js/echarts-all.js"></script>
<script src="__CDN__/assets/addons/baiduwebtongji/js/world.js"></script>
<script>
    var nameMap={$nameMap};
    var bdtj_show="{$bdtj_show}";
    var url='{:url("baiduwebtongji/baiduapi/visitWorld")}';
</script>